/* 750为设计图宽度 */
/* 7.5rem为屏幕宽度 */
@rem: 750/7.5rem;
@tmp: @rem*0.54;

.orderFrom {
  z-index: 2;
  position: relative;
  padding-top: 17/@rem;
  & > div {
    margin-bottom: 8/@tmp;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    & > span, & > label {
      margin-right: 1em;
      color: rgb(232, 31, 58);
      margin-left: 26/@tmp;
    }

    & > input, & > select {
      width: 55%;
      border: 2px solid #FFC218;
      height: 35/@tmp;
      border-radius: 4px;
      padding-left: 10/@rem;
      background: #fff;
    }

    & > input.radio {
      width: 16/@tmp;
      display: none;
    }

    .radio-text {
      padding-left: 30/@tmp;
      background: url(http://img.didapinche.com/pics//g/turuiou/img/check1.png) no-repeat;
      background-size: 20% auto;
      background-position: 0 50%;
      margin-right: 20/@tmp;
      margin-left: 25/@tmp;
    }

    & > input.radio:checked + .radio-text {
      background: url(http://img.didapinche.com/pics//g/turuiou/img/check2.png) no-repeat;
      background-size: 20% auto;
      background-position: 0 50%;
    }

    & > .submitForm {
      width: 73%;
      height: 35/@tmp;
      background: rgb(212,24,50);
      border-radius: 4px;
      border: none;
      color: #fff;
      font-size: 21/@tmp;
      margin-top: 20/@tmp;
      margin-left: 26/@tmp;
    }
  }
}

.bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
